<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>12-ajax-json</title>
		<script type="text/javascript" src="myAjax2.js"></script>
		 <script type="text/javascript">
			window.onload = function(ev)
			{
				var oBtn = document.querySelector("button");
				oBtn.onclick = function(ev1)
				{
					
					ajax({
                    type:"get",
                    url:"12-ajax-json.php",
					success: function (xhr) {
                        // console.log(xhr.responseText);
                       var str = xhr.responseText;
					   
					   //将JSON数据转换为JS对象
					   
					   /*
					   在低版本的IE浏览器中，不可以使用原生的JSON.parse方法，但是可以使用json2.js这个框架来兼容
					   */
					   var obj = JSON.parse(str);
					   console.log(obj);
					   console.log(obj.name);
					   console.log(obj.age)
                    },
                    error: function (xhr) {
                        console.log(xhr.status);
                    }
                })
					
				};
				
			};
		 </script>
	</head>
	<body>
	<button>发送请求</button>
	</body>
</html>
